<div class="header te" style="padding:0 60px">
    <div class="backbtn" ng-click="chatroom.goback()">返回</div>
    {{chatroom.title}}
    <div class="right-btn setting-btn" ng-click="chatroom.goRoomDetail()" ng-if="chatroom.conversationType!='PRIVATE'">
    </div>
</div>
<div class="container chatroom pageServe" style="bottom:45px" ng-touchstart="chatroom.resetinput()">
    <div id="ptr" class="tc lh30 mt10" ng-click="chatroom.getlastMsg()">
        <span class="genericon genericon-next">加载更多</span>
    </div>
    <div class="list fs14 msg-wrapper">
        <div class="item-msg user cl" ng-repeat="message in chatroom.hisMsgs track by message.messageId" data-messageid="{{message.messageId}}" ng-class="{'owner':message.senderUserId == curUID}">
            <div class="user-name fs12">
                {{message.senderUserId | chatfilterName}}
            </div>
            <div class="user-logo lh40 item-avtar" ng-click="chatroom.goDetail(message.senderUserId)">
                <img ng-src={{message.senderUserId|chatfilterImg|avtarfilter}} ng-if="message.senderUserId|chatfilterImg|avtarfilter">{{message.senderUserId | chatfilterName}}
            </div>
            <div class="user-msg">
                <div ng-if="message.senderUserId == curUID&&message.sentStatus!='SENT'" ng-class='{"msg-error":message.sentStatus=="FAILED" , "ball-clip-rotate":message.sentStatus=="SENDING"}' ng-hide="message.sentStatus=='SENT'">
                    <div>
                        <!-- 如果失败才显示 -->
                        <span class="c-red fs20" ng-if="message.sentStatus=='FAILED'">!</span>
                    </div>
                </div>
                <div ng-include src="chatroom.buildUrl(message.objectName)"></div>
            </div>
            <span class="lh30 send-time">{{message.sentTime|dateFmt:"hh:mm"}}</span>
        </div>
    </div>
</div>

<div class="keyboard-enter">
    <div class="enter-input lh20 grid">
        <div class="icon_voice2" ng-click="chatroom.clickvoice()" ng-show="chatroom.ifshowvoicebtn"></div>
        <div class="icon_keyboard" ng-click="chatroom.clickkeyBoard()" ng-show="chatroom.ifshowkeyBoardbtn"></div>
        <textarea rows="1" class="textarea w75 push-1-12 msd-elastic"  ng-model="chatroom.msg" ng-show="chatroom.showtext" ng-focus="chatroom.resetinput()"></textarea>
        <div class="voice-input tc w75 push-1-12" ng-show="chatroom.showvoicetext" ng-touchmove="chatroom.voicemove($event)" ng-touchstart="chatroom.startRecord()" ng-touchend="chatroom.sendVoiceMessage()">
            <p class="c0">按住说话</p>
        </div>
        <div class="icon_emoji" ng-click="chatroom.clickemoji()" ng-show="chatroom.ifemojiinput"></div>
        <div class="icon_more" ng-click="chatroom.clickmore()" ng-show="chatroom.ifshowmoreBtn"></div>
        <div class="send-btn lh30 tc c1 fs12" ng-click="chatroom.sendMsg()" ng-show="chatroom.msg&&!chatroom.ifhidesendBtn">发送</div>

    </div>
    <div emoji emojipicker="chatroom.emojipicker" ng-show="chatroom.ifshowemoji"></div>
    <div class="divider-list mt5 grid tc" ng-show="chatroom.showMoreInput">
        <!-- <a class="ion-happy-outline" ng-click="" title="表情" id="RongIMexpression">表情</a> -->
        <div class="col-1-4 divider-item" ng-click="chatroom.getPhoto(1)">
            <a class="icon_images" title="相册" id="butAlbum"></a>
            <p class="fs12 lh10">相册</p>
        </div>
        <div class="col-1-4 divider-item" ng-click="chatroom.getPhoto(0)">
            <a class="icon_album" title="拍摄" id="butTakePic"></a>
            <p class="fs12 lh10">照相</p>
        </div>
        <!--<div class="col-1-4 divider-item" ng-click="chatroom.showvoice()">
            <a class="icon_voice" title="语音" id="butVoice"></a>
        </div>-->
    </div>
</div>
<div class="voice-ing" ng-show="chatroom.voiceinputing">
    <div class="line-scale-pulse-out playing">
        <img src="images/icon_voice3.png" alt="">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </div>
    <p class="tc c1 mt10">语音聊天</p>
</div>